<html>
    <head>
        <title>局部注册</title>
    </head>
    <body>
        <script>
            /*
                        三、局部注册

                                  局部注册之前，在需要引用该组件的页面，导入你想使用的组件。
                                  
                                1、页面引入组件的方式：

                                        有两种方式在vue页面中引入组件，(推荐使用  "easycom" 方式引入)

                                    <1>、传统vue规范：

                                                在 inde.vue中，通过 import方式引入组件，在 components 选项中定义你想要使用的组件：

                                                eg:
                                                
                                                            -- 在index.vue引入 uni-badge 组件--
                                                            <template>
                                                                <view>
                                                                    <uni-badge text="1"></uni-badge> -- 3.使用组件 --
                                                                </view>
                                                            </template>
                                                            <script>
                                                                import uniBadge from '@/components/uni-badge/uni-badge.vue';  //1.导入组件（这步属于传统vue规范，但在uni-app的easycom下可以省略这步）
                                                                export default {
                                                                    components:{uniBadge }   //2.注册组件（这步属于传统vue规范，但在uni-app的easycom下可以省略这步） 
                                                                }
                                                            <//script>

                                                对于 components 对象中的每个property来说，其property名就是自定义元素的名字，其 porperty值就是这个组件的选项对象。

                                                在对象中放一个类似 uniBadge 的变量名其实是 uniBadge : uniBadge 的缩写，即这个变量名同时是：

                                                    ①、用在模板中的自定义元素的名称

                                                    ②、包含了这个组件选项的变量名(仅支持驼峰法命名)


                                    <2>、通过uni-app的easycom ：

                                                将组件引入精简为一步就可完成。

                                                只要组件安装在 "components"目录下，并符合 "components/组件名称/组件名称.vue"的目录结构。

                                                就可以不用引入、注册，直接在页面就可以用。

                                                eg：

                                                        -- 在index.vue引入 uni-badge 组件--
                                                        <template>
                                                            <view>
                                                                <uni-badge text="1"></uni-badge> -- 3.使用组件 --
                                                            </view>
                                                        </template>
                                                        <script>
                                                            // 这里不用import引入，也不需要在components内注册uni-badge组件。template里就可以直接用
                                                            export default {
                                                                data() {
                                                                    return {
                                                                    }
                                                                }
                                                            }
                                                        </、script>     

                                                ①、easycom 是自动开启的，不需要手动开启，有需求时可以在 pages.json 的 easycom 节点进行个性化设置。

                                                ②、不管components 目录下安装了多少组件，essycom 打包后会自动特殊没有使用的组件，对组件库的使用尤为友好。


                            组件是 vue 技术中非常重要的部分，组件使得与ui相关的轮子可以方便的制造和共享，进而使得 vue 使用者的开发效率大幅提升。  
                            
                            uni-app搭建了组件的插件市场，有很多现成的组件，若下载符合 "components/组件名称/组件名称.vue"目录结构的组件，均可直接使用。

                            ★、uni-app插件市场： https://ext.dcloud.net.cn/
                    */
        </script>
    </body>
</html>